<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
</head>
<body id="body">

<div id="element1" role="checkbox" aria-checked="mixed"></div>
<div id="element2" role="menuitemcheckbox" aria-checked="mixed"></div>
<div id="element3" role="radio" aria-checked="mixed"></div>
<div id="element4" role="menuitemradio" aria-checked="mixed"></div>
<!-- Switch specifically does not support mixed -->
<div id="element5" role="switch" aria-checked="mixed"></div>

<input id="element6" type="checkbox" aria-checked="mixed" checked />
<input id="element7" type="checkbox" aria-checked="mixed" />
<input id="element8" type="radio" aria-checked="mixed" checked />
<input id="element9" type="radio" aria-checked="mixed" />
<input id="element10" type="button" aria-checked="mixed" />

<p id="description"></p>
<div id="console"></div>

<script>

test((t) => {
    let roles = ["AXRole: AXCheckBox",
                 "AXRole: AXMenuItemCheckBox",
                 "AXRole: AXRadioButton",
                 "AXRole: AXMenuItemRadio",
                 "AXRole: AXSwitch",
                 "AXRole: AXCheckBox",
                 "AXRole: AXCheckBox",
                 "AXRole: AXRadioButton",
                 "AXRole: AXRadioButton",
                 "AXRole: AXButton"];
    let checked = ["mixed",
                   "mixed",
                   "mixed",
                   "mixed",
                   "true",
                   "mixed",
                   "mixed",
                   "mixed",
                   "mixed",
                   ""];

    for (var i = 1; i <= 10; i++) {
        var ax_object = accessibilityController.accessibleElementById("element" + i);
        assert_equals(ax_object.role, roles[i - 1]);
        assert_equals(ax_object.checked, checked[i - 1]);
    }
}, "Check whether ARIA mixed state is reported properly");

</script>

</body>
</html>
